/*---------------------------- BASICS --------------------------------*/
body 
{
	font-family:Tahoma;
	font-size:12px;
	padding: 0px;
	margin: 0px;
}
a 
{
    color:#228B22;
    text-decoration:none;
}
a:hover
{
    color:Green;
}

/* -------------------------- PAGE HEADER ----------------------------*/

#PageHeader
{
	height:125px;
	background-image:url('header.jpg');
	background-repeat:no-repeat;
	padding: 0px 50px; 
	margin: 0px;
}
#Supheader
{
	vertical-align:bottom;
	font-size:50px;
	letter-spacing:30px;
	font-family:Impact;
	position:relative;
	top:30px;
	color:White;
}
#Subheader
{
	vertical-align:bottom;
	font-size:15px;
	letter-spacing:15px;
	position:relative;
	top:22px;
	left:20px;
	color:White;
}
/* -------------------------- TABS ------------------------------------*/
.PanelTabHeadersContent
{
	border-bottom: 1px solid #228B22;
	position:relative;
	top:-20px;
	/*padding-left: 20px;*/
	padding: 0px 0px 0px 20px;
	height:19px;
	vertical-align:bottom;
	/*background-color: Red;*/
}
.PanelTabHeaders
{
	display:inline;
	vertical-align:bottom;
}
.PanelTabHeadersControls
{
	display:inline;	
	vertical-align:bottom;
}
.TabHeader
{
	padding: 2px 3px 2px 3px;
	border: solid 1px #228B22; /*border-bottom:solid 1px white;*/
	background-color: #E1E1FF;
	margin: 0px 1px 0px 2px;
	color: #228B22;
	font-weight: bold;
	float: left;
	font-size: 12px;
}
.TabHeader a:hover
{
	color:Black;
}
.TabHeader-Active
{
    padding: 2px 3px 2px 3px;
    border:solid 1px #228B22;
    border-bottom:solid 1px white;
    background-color:#fff;
    margin: 0px 1px 0px 2px;
    color:Black;
    font-weight:bold;
    float:left;
}
.NewTabInput
{
	padding: 2px 3px 2px 3px;
    border: dotted 1px #228B22;
    background-color:Transparent;
    margin: 0px 1px 0px 2px;
    float:left;
    font-size:12px;
	height:14px;
	width:80px;
}
.NewTabInput:hover
{
	padding: 2px 3px 2px 3px;
	border: dotted 1px #228B22; 
	/*border-bottom:solid 1px white;*/
	background-color: #E1E1FF;
	margin: 0px 1px 0px 2px;
	color: #228B22;
	float: left;
	font-size: 12px;
	height:14px;
	width:80px;
}
.NewTabInput:focus
{
	padding: 2px 3px 2px 3px;
    border: dotted 1px #228B22;
    /*border-bottom:dotted 1px #228B22;*/
    background-color:white;
    margin: 0px 1px 0px 2px;
    float:left;
    font-size:12px;
	height:14px;
	width:80px;
}
.NewTabButton
{
	border: 1px solid red;
	margin: 0px 3px 0px 3px;
}
.CloseTabButton
{
	margin: 0px 3px 0px 3px;
	width: 12px;
	height:12px;
	background-image: url('close1_light.png');
}
.CloseTabButton:hover
{
	margin: 0px 3px 0px 3px;
	width: 12px;
	height:12px;
	background-image: url('close1.png');
}
/* -------------------------- TAB OPTIONS ----------------------------*/
.PanelTabOptions
{
	border-bottom: 1px dashed #228B22;
	padding: 10px 5px 10px 5px;
	margin-bottom: 10px;
	background-color: #F8F8F8;
	position: relative;
	top: -20px;
}



/* -------------------------- WIDGET ZONE ----------------------------*/
#PageContent
{
	padding: 0px 5px;
}
.WidgetZone
{
	padding: 10px;
}

.WidgetZone .Table tr td
{
    width:33%;
    padding:10px;
}
.EmptyTabMessage
{
	/*border : 1px solid red;*/
    width : 100%;
    height : 100px;
    text-align : center;
    vertical-align:bottom;
}
.WidgetColumn
{
	border: 0px solid Red;
	display:inline-block;
	float:none;
	width:30%;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align:top;
	float:left;
	overflow:hidden;
}
.WidgetContainer
{
	width:100%;
	height:100%;
	margin-bottom: 5px;
	overflow:hidden;
}
.WidgetContainerEmpty
{
	border: dashed 1px Gray;
	width:100%;
	height:100%;
	margin-bottom: 5px;
	text-align:center;
}
/* --------------------------- WIDGET HEADER --------------------------------*/
.WidgetContainer .Header
{
	background-color: #90EE90;
	border: 1px solid #666666;
	padding: 3px 3px 3px 7px;
	display: block;
	height: 16px;
	vertical-align:middle;
}

.WidgetContainer .Header .Title
{
	color:#228B22;
	font-weight:bold;
	letter-spacing: 200%;
	font-size: 12px;
	display:inline-block;
	float:left;
}
.WidgetContainer .Header .Actions
{
	text-align:right;
	display:inline-block;
	float:right;
	vertical-align:middle;
}
.WidgetContainer .Header a
{
	color:Aqua;
}
.WidgetContainer .Header a:hover
{
	color:White;
}
.WidgetControlButton
{
	/*float:right;*/
	/*display:inline-block;*/
	/*border: 1px solid red;*/
	vertical-align:top;
	color: #33CC33;
	font-size:9px;
}
.WidgetControlButton:hover
{
	color: #009933;
	vertical-align:top;
}

/* -------------------------- WIDGET CONTENT ----------------------------*/
.WidgetContainer .Content
{
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	/*padding: 5px;*/
}

.WidgetContainer .Content .Widget
{
	
}

.WidgetContainer .Content .Widget .WidgetEdit
{
	border-bottom: 1px dashed #228B22;
	padding: 5px;
	margin: 0px;
	background-color: #F8F8F8;
}
.WidgetContainer .Content .Widget .WidgetContent
{
	/*margin: 5px;*/
}

.WidgetContainer .Content .Widget .WidgetHeader
{
	background-color: Green;
	color: White;
	font-weight: bold;	
}

.tabColumn
{
    position:relative;
    float:left;
    margin:5px;
    top:-20px;
}

.widgetZone
{
    width:100%;
}

.ajax__tab_body 
{
    height:500px;
}

/* Login */

#content 
{
	width: 800px;
	height: 300px;
	margin: 0 auto;
	background-color: Gray;	 
}

#login 
{
	width: 250px;
	margin: 0 auto;
	background-color:ActiveBorder;
}

.LoginInfo
{
    float:right;
    padding:5px;
    color:#fff;
}

.LoginInfo a
{
	color:#ccc;
}

.LoginInfo a:hover
{
	color:#666;
}

/* Widget: Common form items css by tommy @ 13.5.09 */

.FormLabelColumn
{
	font-weight:bold;
}
.WidgetContent
{
	/*background-color:Aqua;*/
	padding: 5px;
	padding-top:10px;
}

/* DATA TABLE - HEADER */

.TableHeader
{
	background-color: #ccc;
	border:solid 1px #999;
}
.TableHeader th
{
    padding:3px;	
}
.TableHeader a
{
	color:Black;
}
.TableHeader a:hover
{
	color:white;
}

.TableFooter
{
	background-color: #999;
	border:solid 1px #999;
	font-weight:bold;
}

.TableFooter td
{
	border:solid 1px #999;
}

/* DATA TABLE - ROWS */
.SelectedRow
{
	background-color: #ddd;
	/*border: 1px solid black;*/
	border: 2px solid black;
}
.CommonTableRow
{
	/*border: 1px solid #eee;*/
	/*border-top:1px dotted #eee;
	border-bottom:none;*/
	border:none;
}

.CommonTableRow td
{
    padding:2px;
    border:solid 1px #999;	
}

.AlternatingRowStyle
{
	background-color:#eee;
}

.AlternatingRowStyle td
{
    padding:2px;
    border:solid 1px #999;	
}

.EmptyRow
{
    
}

.EmptyRow td
{
    border:dotted 1px #ff0000;
    padding:5px;
    margin:10px;
}

.DataControls
{
	display: block;
}
.ItemDetailsForm
{
	border: 1px solid #CCCCCC;
	width:200px;
}

/* FORMS */

.FormLabel
{
	font-weight:bold;
	text-align:right;
	width: 80px;
	text-align:center;
	/*border: 1px solid red;*/
}
.CommonTextBox
{
	background-color:#F0F8FF;
	font-family:inherit;
	font-size:inherit;
	border: 1px solid #ddd;
}
.CommonTextBox:hover
{
	border: 1px solid #87CEEB;
}
.CommonTextBox:focus
{
	background-color:#87CEEB;
	border: 1px solid #888;
}
.ReadOnlySkinID
{
	border:none;
	font-family:inherit;
	font-size:inherit;
}

.WideTextBox
{
	width:200px;
}
.DateTextBox
{
	width: 100px;
}
.DisabledDateTextBox
{
	color: Black;
}
.DisabledDateTextBox:hover
{
	
	border: 1px solid #ddd;
}
.StateDropDownList option
{
	width: 100px;
}
.StateDropDownList select:hover
{
	background-color:Red;
}
.StateDropDownList select:focus
{
	background-color:Lime;
}
.ScrumDropDownList
{	
}

.ScrumDropDownList option
{
	width: 200px;
}
.ScrumDropDownList select
{
	width: 200px;
}
.Error
{
	font-weight:normal;
	color:Red;
}
.red
{
	color:Red;
}
.BadInputTextBox
{
	background-color:#FFF8DC;
	border:1px solid #FA8072;
}
.BadInputTextBox:hover
{
	background-color:#FFF8DC;
	border:1px solid red;
}
.BadInputTextBox:focus
{
	background-color:#FFF8DC;
	border:1px solid red;
}

.ItemDetailHeader
{
    background-color:#66A1D2;
    margin:3px;
    padding:3px;
}

.WidgetContent .tableFilters
{
    border:solid 1px #999;
    margin:5px auto;
}

.WidgetContent .tableFilters .filter
{
    border:solid 1px #fff;
}

.WidgetContent .tableFilters .filter:hover
{
    border:solid 1px #ccc;
}

.WidgetContent .tableFilters .filterButtons
{
    text-align:center;
}


.WidgetContent .tableData
{
    margin:0 auto;
}

.center-align
{
    text-align:center;
}
/* ---------------- OBJECT DETAILS ----------------------*/
.SubHeader
{
	font-size: 10px;
}
.SupHeader
{
	font-size: 18px;
	font-weight:bolder;
}
/* playground - Raiting */
.Star
{
	height: 7px;
	width: 7px;
	margin:1px;
	background-color:Green;
	border: 1px solid #888;
}
.FilledStar
{
	height: 7px;
	width: 7px;
	margin:1px;
	background-color:Lime;
	border: 1px solid #888;
}
.EmptyStar
{
	height: 7px;
	width: 7px;
	margin:1px;
	background-color:white;
	border: 1px solid #888;
}
.WaitingStar
{
	height: 7px;
	width: 7px;
	margin:1px;
	background-color:yellow;
	border: 1px solid #888;
}

.SprintSelection, 
.ReleaseSelection, 
.ProjectSelection,
.SprintSelection div, 
.ReleaseSelection div, 
.ProjectSelection div
{
    display:inline;
}

.WidgetFilters
{
    border: dotted 1px #ccc;
    background-color: #eee;
}

.warning
{
    border: solid 1px #333;
    background-color:#FFFA40;
    padding: 3px;
}

.error
{
    padding: 3px;
    border: solid 1px #000;
    background-color:#FF2800;
}

.HiddenText label
{
	display:none;
}

.InfoMessage
{
	background-color: #CCFFCC;
	text-align: center;
	width: auto;
	padding: 3px;
	color: #009933;
}

.WarningMessage
{
	background-color: #FFFF99;
	text-align: center;
	width: auto;
	padding: 3px;
}

.ErrorMessage
{
	background-color: #FFCCCC;
	text-align: center;
	width: auto;
	padding: 3px;
	color: #CC0000;
}

.loadingDiv
{
	width:auto;
	height:16px;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCFFCC;
	z-index:100;
	position:absolute;
	margin:0px auto 0px auto;
	vertical-align:top;
}

.MainLoadingDiv
{
	background-color:#CCFFCC;
	position:fixed;
	top:5px;
	left:5px;
	padding:3px;
}

.columnOperations
{
	height:20px;
	margin-bottom:2px;
}

.ColumnButton
{
	border:solid 1px #ccc;
	background-color:#fff;
	padding:1px 3px;
	color:#666;
}

.ColumnButton:hover
{
	color:#000;
	border:solid 1px #000;
}

.CommonButton
{
	background-color: #90EE90;
	border: 1px solid #666666;
	padding: 1px 3px;
	color: #000000;
	margin: 2px;
}

.CommonButton:hover
{
	color:#000;
	border:solid 1px #000;
}

.panelOptions
{
	background-color:White;
	border:dotted 1px #999;
	margin-bottom: 5px;
}

.CommonListBox
{
	width:150px;
}

.ajax__validatorcallout_close_button_cell,
.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	width:20px !important;
}

.ajax__validatorcallout_icon_cell
{
	padding:2px !important;
}

.ProgressBar
{
	border: 1px solid black;
	background-color:White;
}
